import { Table, Button } from '@douyinfe/semi-ui'

function QuickReply() {
  const columns = [
    {
      title: '标题',
      dataIndex: 'title',
      width: 150,
    },
    {
      title: '内容',
      width: 200,
      dataIndex: 'content',
    },
    {
      title: '创建时间',
      width: 200,
      dataIndex: 'create_time',
    },
    {
      title: '操作',
      width: 120,
      render: () => (
        <div>
          <Button theme="solid" type="primary" style={{marginRight: '8px'}}>修改</Button>
          <Button type="danger">删除</Button>
        </div>
      )
    },
  ]
  const data = [
    {
      key: '1',
      title: '已解决',
      content: '您反馈的问题已解决',
      create_time: '2021年11月1日 14:18:41',
    },
    {
      key: '2',
      title: '已申请',
      content: '已帮您提交申请',
      create_time: '2021年11月1日 14:18:41',
    },
    {
      key: '3',
      title: '带沟通',
      content: '您的问题需要进一步处理',
      create_time: '2021年11月1日 14:18:41',
    },
  ]
  return (
    <div>
      <Table columns={columns} dataSource={data} size="small" resizable bordered />
    </div>
  )
}

export default QuickReply;